.market-list-content{
    width: 1200px;
    margin: 0 auto;
    .market-list-wrap{
        margin: 20px 0;
        .market-con{
            width: 100%;
            height: 200px;
            background: #fff;
            border-radius: 10px;
            margin-bottom: 15px;
            clear: both;
            .market-logo{
                float: left;
                width:100px;
                img{
                    margin-top: 50px;
                    margin-left: 5px;
                    border-radius: 50px 50px;
                    width: 100px;
                    height: 100px;
                    border: 1px solid #dcdfe6;
                }
            }
            .market-details{
                float: left;
                width: 450px;
                //   height: 140px;
                padding: 25px 30px 0 30px;
                cursor: pointer;
                .market-company{
                    font-size: 18px;
                    color: #333;
                    margin: 0 auto 20px;          
                    .market-greet{
                    display: inline-block;
                    max-width: 400px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    vertical-align: middle;
                    }
                }
                .market-label{
                    margin-bottom: 18px;
                        .classify-label{
                            display: inline-block;
                            padding: 3px 5px;
                            margin-right: 5px;
                            color: #fff;
                            font-size: 12px;
                            border-radius: 4px;
                        }
                        .classify-label:nth-child(1){
                            background: #6991CD;
                        }
                        .classify-label:nth-child(2){
                            background: #69CDCC;
                        }
                        .classify-label:nth-child(3){
                            background: #4699E0;
                        }
                }
                .market-msg{
                    font-size: 14px;
                    color: #888;
                    margin: 10px auto;
                    .common-left-con{
                        display: inline-block;
                        width: 60px;
                        text-align-last: justify;
                        vertical-align: middle;
                    }
                    .common-right-con{
                        width: 400px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        vertical-align: middle;
                    }
                }
                .market-address{
                    font-size: 14px;
                    // color: #666;
                    margin: 0 auto 10px;
                    max-width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    vertical-align: middle;
                }
            }
            .market-products{
                float: left;
                width: 580px;
                height: 200px;
                position: relative;
                .market-pd-box{
                    width: 140px;
                    height: 140px;
                    float: left;
                    margin: 28px 18px 0 0;
                    .market-pd-per{
                        position: relative;
                        width: 140px;
                        height: 140px;
                        .market-pd-company{
                            width: 100%;
                            height: 30px;
                            line-height: 30px;
                            margin: 0;
                            background: rgba(0,0,0,.4);
                            border-radius: 0 0 10px 10px;
                            position: absolute;
                            bottom: 0px;
                            left: 0;
                            text-align:center;
                            font-size: 12px;
                            color: #fff;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                    }
                }
                .shop-right-share{
                    position: absolute;
                    right: 0;
                    top: 0;
                    cursor: pointer;
                    z-index: 2;
                }
                .shop-Qr-code{
                    width: 170px;
                    height: 200px;
                    background: #fff;
                    position: absolute;
                    right: 0;
                    top: 0;
                    text-align: center;
                    border-radius: 0 10px 10px 0;
                    .qr-img{
                        width: 90px;
                        height: 90px;
                        margin-top: 40px;
                    }
                    .qr-tips{
                        color: #888;
                        font-size: 12px;
                    }
                }
            }
        }
    }
}

.major-container{
    .major-market-content{
        overflow: hidden;
        zoom: 1;
        margin-bottom: 25px;
        .major-market-left-con{
            width: 870px;
            
            .major-market-hotItem{
                border-radius: 10px;
                .major-market-hot{
                    height: 60px;
                    line-height: 60px;
                    .hotMarket-head{
                        color: #333;
                        font-size: 18px;
                        font-weight: bold;
                        margin-left: 35px;
                    }
                    .changeBatch{
                        color: #999;
                        font-size: 14px;
                        margin-right: 35px;
                    }
                    .changeBatch:hover{
                        color: #255b8b;
                    }
                }
                .major-marketPD-wrap{
                    overflow: hidden;
                    zoom: 1;
                    padding: 0 15px;
                    border-radius: 10px;
                    .major-marketPD-ul{
                        .major-marketPD-li{
                            width: 170px;
                            margin: 0 20px 10px;
                            cursor: pointer;
                            .marketPD-img{
                                width: 170px;
                                height: 170px;
                                border: 1px solid #eee;
                                border-radius: 10px;
                            }
                            .major-marketPD-title{
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                overflow: hidden;
                                margin: 10px 0;
                                font-size: 14px;
                                color: #333;
                                line-height: 20px;
                                height: 40px;
                            }
                            .major-marketPD-title:hover{
                                color: #255b8b;
                            }
                            .marketPD-price{
                                color: #D0021B;
                                text-align: center;
                                margin-bottom: 12px;
                            }
                        }
                        .major-marketPD-li:hover{
                            .marketPD-img{
                              -webkit-box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1);
                              box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1);
                            }
                        }
                    }
                }
            }           
            .major-market-floors{
                border-radius: 10px;
            }
        }
        .major-market-right-con{
            width: 320px;
            margin-left: 10px;
            border-radius: 10px;
            .hotSale-factory{
                background: #fff;
                border-radius: 10px;
                .hotSale-factory-head{
                    height: 40px;
                    line-height: 40px;
                    background: #E9E9E9;
                    text-align: center;
                    color: #333;
                    font-size: 16px;
                    border-radius: 10px 10px 0 0;
                }
                .hotSale-factory-rank{
                    margin: 0 10px;
                    .hotSale-factory-li{
                        height: 115px;
                        border-bottom: 1px dashed #eee;
                        .hotSale-num{
                            img{
                                margin-top: 42px;
                            }
                            .rank-num{
                                display: inline-block;
                                width: 22px;
                                height: 22px;
                                line-height: 22px;
                                text-align: center;
                                color: #6B8AA9;
                                background: #D7DDE3;
                                border-radius: 50%;
                                font-size: 16px;
                                font-weight: bold;
                                margin-top: 45px;
                            }
                        }
                        .hotSale-company{
                            margin: 0 10px;
                            img{
                                width: 80px;
                                height: 80px;
                                border-radius: 10px;
                                margin-top: 18px;
                            }
                        }
                        .hotSale-msg{
                            margin-top: 25px;
                            .hotSale-msg-title{
                                max-width: 175px;
                                height: 20px;
                                line-height: 20px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                color: #333;
                                font-size: 14px;
                                margin: 0;
                            }
                            .hotSale-msg-title:hover{
                                color: #255b8b;
                            }
                            .hotSale-label{
                                margin: 8px 0;
                                .label-mark{
                                    padding: 3px;
                                    
                                    color: #fff;
                                    font-size: 12px;
                                    border-radius: 4px;
                                    margin-right: 5px;
                                }
                                .metals{
                                    background: #6991CD;
                                }
                                .leather{
                                    background: #69CDCC;
                                }
                                .fasteners{
                                    background: #4699E0;
                                }
                            }
                            .hotSale-address{
                                img{
                                    // vertical-align: -2px;
                                }
                                .address-detail{
                                    display: inline-block;
                                    color: #888;
                                    font-size: 12px;
                                    margin-left: 3px;
                                    max-width: 165px;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }
                            }
                        }
                    }
                    .hotSale-factory-li:last-child{
                        border-bottom: none;
                    }
                    .hotSale-factory-li:hover{
                        color: #255b8b;
                    }
                }
            }
            .latestEntry-factory{
                background: #fff;
                border-radius: 10px;
                .latestEntry-factory-head{
                    height: 40px;
                    line-height: 40px;
                    background: #E9E9E9;
                    text-align: center;
                    color: #333;
                    font-size: 16px;
                    border-radius: 10px 10px 0 0;
                }
                .latestEntry-factory-ul{
                    margin: 0 10px;
                    .latestEntry-factory-li{
                        height: 115px;
                        border-bottom: 1px dashed #eee;
                        
                        .latestEntry-company{
                            margin: 0 10px;
                            img{
                                width: 80px;
                                height: 80px;
                                border-radius: 10px;
                                margin-top: 18px;
                            }
                        }
                        .latestEntry-msg{
                            margin-top: 25px;
                            .latestEntry-msg-title{
                                max-width: 195px;
                                height: 20px;
                                line-height: 20px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                color: #333;
                                font-size: 14px;
                                margin: 0;
                            }

                            .latestEntry-label{
                                margin: 8px 0;
                                .label-mark{
                                    padding: 3px;

                                    color: #fff;
                                    font-size: 12px;
                                    border-radius: 4px;
                                    margin-right: 5px;
                                }
                                .metals{
                                    background: #6991CD;
                                }
                                .leather{
                                    background: #69CDCC;
                                }
                                .fasteners{
                                    background: #4699E0;
                                }
                            }
                            
                            .latestEntry-address{
                                margin: 6px 0 10px;
                                img{
                                    // vertical-align: -2px;
                                }
                                .address-detail{
                                    display: inline-block;
                                    color: #888;
                                    font-size: 12px;
                                    margin-left: 3px;
                                    max-width: 165px;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                }
                            }
                            .latestEntry-time{
                                font-size: 12px;
                                color: #888;
                                .latestEntry-time-detail{

                                }
                            }
                        }
                    }
                    .latestEntry-factory-li:hover{
                        .latestEntry-msg-title{
                            color: #255b8b;
                        }                       
                    }
                    .latestEntry-factory-li:last-child{
                        border-bottom: none;
                    }
                }
            }
        }
    }
}

